<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Weba Novare</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <script type="text/javascript" src="client/js/lib/jquery-1.7.1.min.js"/>
        <script type="text/javascript" src="client/js/gui/dialog.js"/>
        <script type="text/javascript" src="client/js/ctrl/loginController.js"/>
        <script type="text/javascript" src="client/js/ctrl/userClicked.js"/>
    </head>
    <body>
        <div class="menuContainer">
            <div class="menuWrapper">
                <ul class="menu" rel="ver1">
                    <li><a href="#"><img src="css/rainbow3.png" width="140" height="120" /></a></li>
                    <li><a class="styled" href="#">Home</a></li>
                    <li><a class="styled" href="#">Play</a></li>
                    <li><a class="styled" href="#">Watch</a></li>
                    <li><a class="styled" href="#">About</a></li>
                </ul>
                <ul class="loginAndOut">
                    <li><a id="logout" class="logRegLink">Logout</a></li>
                </ul>
            </div>
        </div>
        <div class="mainContent">
            <div class="topLeft">
                <div class="games"></div>
                <div class="chat"></div>
                <div class="input"></div>
                <div class="create">
                    <a id="createGame" class="createBtn">Create Game</a>
                </div>
            </div>
            <div class="right">
                <div class="users">
                    <form>
                        <label onclick="ShowContent('userClicked'); return true;">Richard</label><br/>
                        <label onclick="ShowContent('userClicked'); return true;">Gabriel</label><br/>
                        <label onclick="ShowContent('userClicked'); return true;">Julia</label><br/>
                        <label onclick="ShowContent('userClicked'); return true;">Daniel</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                        <label>Sample user</label><br/>
                    </form>
                    <div id="userClicked">
                        <ul>
                            <li><a class="userPopup">Challenge</a></li>
                            <li><a class="userPopup" onclick="HideContent('userClicked'); return true;">Close</a></li>
                        </ul>
                    </div>
                </div>
                <div class="rooms"></div>
            </div>
        </div>
        <div class="footerContainer">
            <h2>En footer!</h2>
        </div>
    </body>
</html>
